<!DOCTYPE html>
<div></div>
<script>
window.onload = function() {
  var div = document.querySelector("div");
  var shadow = div.createShadowRoot();
  shadow.innerHTML = "<p style='display: none'><span><i>x</i></span></p>";
  var p = shadow.lastChild;
  var span = p.firstChild;
  var i = span.firstChild;

  span.style.color = 'blue';
  p.remove();

  document.body.offsetTop;

  shadow.appendChild(p);
  i.style.color = 'red';
};
</script>
